<!DOCTYPE html>
<html lang="zh" mode="light" xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="~{theme/Grace/common :: meta}"></div>
    <meta property="og:title" th:content="${'首页 | ' + #servletContext.getAttribute('configMap')['blog_name']}" />
    <title>首页 | [[${#servletContext.getAttribute('configMap')['blog_name']}]]</title>
    <div th:replace="~{theme/Grace/common :: link}"></div>
</head>

<body>
    <!-- 导航 -->
    <div th:replace="~{theme/Grace/common :: nav}"></div>

    <div class="wrap" id="wrap">
        <!-- 头部 -->
         <header class="header">
            <!-- 封面 -->
            <div class="cover">
                <span th:if="${#strings.startsWith(currentNav.cover,'http')}">
                    <img class="lazyload" th:data-original="@{${currentNav.cover}}">
                </span>
                <span th:if="${#strings.startsWith(currentNav.cover,'http') == false}">
                    <img class="lazyload" th:data-original="@{${prefix} + '/source/images/index.png'}">
                </span>
            </div>

            <!-- 商标 -->
            <div class="brand animate-box" data-animate-effect="fadeIn">
                <div class="avatar">
                    <img th:src="@{${#strings.isEmpty(#servletContext.getAttribute('configMap')['logo_url']) != true ? #servletContext.getAttribute('configMap')['logo_url'] : prefix + '/source/images/logo.png'}}">
                </div>
                <p class="title"><span class="title-head">『</span> [[${#servletContext.getAttribute('configMap')['blog_name']}]] <span class="title-tail">』</span></p>
                <p class="sub-title">
                    云在青天水在瓶
                </p>
            </div>
         </header>
         <!-- 主要内容 -->
         <main class="main">
            <div class="container">

                <div class="notice" id="notice">加载中...</div>

                <div class="sticky">
                    <h2 class="divider animate-box" data-animate-effect="fadeInDown"><i class="fa fa-heart-o"></i> 置顶内容</h2>
                    <div class="row">
                        <div th:class="${#lists.size(topList) == 3} ? 'col-md-4' : (${#lists.size(topList) == 2} ? 'col-md-6' : 'col-md-12')" th:each="post,iterStat : ${topList}">
                            <div class="sticky-article animate-box" data-animate-effect="zoomIn">
                                <div class="img">
                                    <img class="lazyload" th:data-original="@{${post.coverUrl}}" alt="">
                                </div>
                                <div class="info">
                                    <h3><a data-pjax th:href="@{${'/' + post.link}}" th:text="${post.title}"></a></h3>
                                    <p>分类：[[${post.categoryName}]]</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="posts">
                    <h2 class="divider animate-box" data-animate-effect="fadeInDown"><i class="fa fa-list"></i> 文章列表</h2>
                    <div class="row">
                        <div class="col-md-12">
                            <article class="post-article animate-box" th:each="post,iterStat : ${pageInfo.data}">
                                <div class="label">[[${post.reprint ? '转载' : '原创'}]]</div>
                                <div class="cover">
                                    <a data-pjax th:href="@{'/' + ${post.link}}">
                                        <img class="lazyload" th:data-original="@{${post.coverUrl}}" alt="">
                                    </a>
                                </div>
                                <div class="info">
                                    <div class="date">
                                        <svg t="1609300388387" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6507" width="16" height="16"><path d="M512.024246 999.030335" p-id="6508" fill="#409EFF"></path><path d="M467.530082 575.316802c2.462894 0 4.810939-0.991538 6.161064-2.596886 1.849085-1.600243 2.587953-3.828333 2.591782-6.036005 0-2.591782-0.742697-4.814767-2.591782-6.171273l0-0.234804c-1.350125-1.490498-3.69817-2.473103-6.161064-2.473103-2.476932 0-4.565925 0.982606-6.171273 2.473103l0 0.234804c-1.605348 1.356506-2.466723 3.579491-2.466723 6.171273 0 2.198739 0.861375 4.426829 2.466723 6.036005C462.964157 574.325264 465.058255 575.316802 467.530082 575.316802z" p-id="6509" fill="#409EFF"></path><path d="M461.358809 494.034909c1.605348 1.61428 3.699446 2.586677 6.171273 2.586677 2.462894 0 4.560821-0.982606 6.161064-2.586677 1.849085-1.36161 2.587953-3.828333 2.591782-6.176377 0-2.587953-0.742697-4.556993-2.591782-6.166169l0-0.119954c-1.350125-1.475184-3.69817-2.467999-6.161064-2.467999-2.476932 0-4.565925 0.98771-6.171273 2.467999l0 0.130163c-1.605348 1.604072-2.466723 3.573111-2.466723 6.166169C458.892086 490.206575 459.753461 492.673298 461.358809 494.034909z" p-id="6510" fill="#409EFF"></path><path d="M627.867055 575.316802c2.467999 0 4.690984-0.991538 6.301436-2.596886 1.464975-1.600243 2.462894-3.828333 2.462894-6.036005 0-2.591782-0.996643-4.814767-2.462894-6.171273l0-0.234804c-1.610452-1.490498-3.833438-2.473103-6.301436-2.473103-2.337835 0-4.565925 0.982606-6.166169 2.473103l0 0.234804c-1.600243 1.356506-2.337835 3.579491-2.337835 6.171273 0 2.198739 0.732488 4.426829 2.337835 6.036005C623.30113 574.325264 625.52922 575.316802 627.867055 575.316802z" p-id="6511" fill="#409EFF"></path><path d="M461.358809 651.310491l0 0.2297c1.605348 1.490498 3.699446 2.462894 6.171273 2.462894 2.462894 0 4.810939-0.972397 6.161064-2.462894l0-0.2297c1.849085-1.365439 2.587953-3.718588 2.591782-6.181482 0-2.212777-0.742697-4.431934-2.591782-6.04111l0-0.119954c-1.350125-1.480289-3.69817-2.476932-6.161064-2.476932-2.476932 0-4.565925 0.996643-6.171273 2.476932l0 0.119954c-1.605348 1.600243-2.466723 3.818124-2.466723 6.04111C458.892086 647.591904 459.753461 649.943776 461.358809 651.310491z" p-id="6512" fill="#409EFF"></path><path d="M541.524105 494.034909c1.610452 1.61428 3.828333 2.586677 6.176377 2.586677 2.452685 0 4.805834-0.982606 6.171273-2.586677 1.600243-1.36161 2.577744-3.828333 2.581573-6.176377 0-2.587953-0.862651-4.556993-2.581573-6.166169l0-0.119954c-1.365439-1.475184-3.718588-2.467999-6.171273-2.467999-2.348044 0-4.565925 0.98771-6.176377 2.467999l0 0.130163c-1.600243 1.604072-2.467999 3.573111-2.467999 6.166169C539.057383 490.206575 539.925138 492.673298 541.524105 494.034909z" p-id="6513" fill="#409EFF"></path><path d="M547.700483 575.316802c2.452685 0 4.805834-0.991538 6.171273-2.596886 1.720198-1.600243 2.577744-3.828333 2.581573-6.036005 0-2.591782-0.862651-4.814767-2.581573-6.171273l0-0.234804c-1.365439-1.490498-3.718588-2.473103-6.171273-2.473103-2.348044 0-4.565925 0.982606-6.176377 2.473103l0 0.234804c-1.600243 1.356506-2.467999 3.579491-2.467999 6.171273 0 2.198739 0.867756 4.426829 2.467999 6.036005C543.134557 574.325264 545.352438 575.316802 547.700483 575.316802z" p-id="6514" fill="#409EFF"></path><path d="M620.802504 494.916701c1.819734 1.84398 4.371956 2.955473 7.044133 2.955473 2.826586 0 5.368599-1.111493 7.207475-2.955473 1.670429-1.550475 2.816377-4.371956 2.816377-7.05817 0-2.956749-1.137015-5.21419-2.816377-7.054342l0-0.128887c-1.838876-1.694675-4.382165-2.83169-7.207475-2.83169-2.672177 0-5.224399 1.142119-7.044133 2.83169l0 0.128887c-1.838876 1.840152-2.677281 4.097593-2.677281 7.054342C618.126499 490.544745 618.963628 493.366226 620.802504 494.916701z" p-id="6515" fill="#409EFF"></path><path d="M541.524105 651.310491l0 0.2297c1.610452 1.490498 3.828333 2.462894 6.176377 2.462894 2.452685 0 4.805834-0.972397 6.171273-2.462894l0-0.2297c1.720198-1.365439 2.577744-3.718588 2.581573-6.181482 0-2.212777-0.862651-4.431934-2.581573-6.04111l0-0.119954c-1.365439-1.480289-3.718588-2.476932-6.171273-2.476932-2.348044 0-4.565925 0.996643-6.176377 2.476932l0 0.119954c-1.600243 1.600243-2.467999 3.818124-2.467999 6.04111C539.057383 647.591904 539.925138 649.943776 541.524105 651.310491z" p-id="6516" fill="#409EFF"></path><path d="M709.009852 313.504754l-35.971018 0 0 27.276874c0 10.128493-8.438922 18.184582-18.433424 18.184582-10.133598 0-18.318574-8.056089-18.318574-18.184582l0-27.276874-61.287785 0 0 27.276874c0 10.128493-8.179872 18.184582-18.309641 18.184582-10.258657 0-18.179478-8.056089-18.179478-18.184582l0-27.276874-61.55194 0 0 27.276874c0 10.128493-8.179872 18.184582-18.304537 18.184582-10.004711 0-18.443633-8.056089-18.443633-18.184582l0-27.276874-61.169107 0 0 27.276874c0 10.128493-8.303655 18.184582-18.174374 18.184582-10.263761 0-18.443633-8.056089-18.443633-18.184582l0-27.276874-36.099906 0 0 84.811617 402.688327 0L709.011129 313.504754z" p-id="6517" fill="#409EFF"></path><path d="M381.188408 651.310491l0 0.2297c1.600243 1.490498 3.703274 2.462894 6.15596 2.462894 2.473103 0 4.810939-0.972397 6.176377-2.462894l0-0.2297c1.595139-1.365439 2.462894-3.718588 2.462894-6.181482 0-2.212777-0.867756-4.431934-2.462894-6.04111l0-0.119954c-1.356506-1.480289-3.703274-2.476932-6.176377-2.476932-2.462894 0-4.555716 0.996643-6.15596 2.476932l0 0.119954c-1.615557 1.600243-2.596886 3.818124-2.596886 6.04111C378.591522 647.591904 379.572852 649.943776 381.188408 651.310491z" p-id="6518" fill="#409EFF"></path><path d="M512.024246 0C229.236761 0 0 229.236761 0 512.024246c0 282.747926 229.236761 511.974478 512.024246 511.974478 282.778552 0 512.005104-229.226552 512.005104-511.974478C1024.029351 229.236761 794.802798 0 512.024246 0zM733.329977 723.505198c0 9.625706-7.522675 17.512072-17.282372 17.512072L298.829477 741.01727c-9.750765 0-17.282372-7.886366-17.282372-17.512072L281.547105 306.615031c0-9.490438 7.531607-17.381909 17.282372-17.381909l417.218128 0c9.759697 0 17.282372 7.891471 17.282372 17.381909L733.329977 723.505198z" p-id="6519" fill="#409EFF"></path><path d="M306.321525 718.231031l402.69726 0L709.018785 418.03101 306.321525 418.03101 306.321525 718.231031zM606.905655 466.897131l0.2297 0c5.193772-5.303518 12.716447-8.639272 20.7317-8.639272 8.145417 0 15.677024 3.325545 21.090287 8.639272 5.318831 5.418368 8.519317 12.690924 8.509108 20.9614 0 8.145417-3.190278 15.423078-8.509108 20.851655-5.413263 5.4273-12.826192 8.637996-21.090287 8.637996-8.015254 0-15.548137-3.210695-20.9614-8.637996-5.05978-5.433681-8.653309-12.706238-8.653309-20.851655C598.252346 479.588055 601.845875 472.310394 606.905655 466.897131zM606.905655 545.707197l0.2297 0c5.193772-5.413263 12.716447-8.629063 20.7317-8.629063 8.145417 0 15.677024 3.2158 21.090287 8.629063 5.318831 5.438785 8.519317 12.711342 8.509108 20.976713 0 7.896575-3.190278 15.417974-8.509108 20.721491-5.413263 5.428576-12.946147 8.639272-21.090287 8.639272-8.015254 0-15.548137-3.210695-20.7317-8.639272l-0.2297 0c-5.05978-5.303518-8.653309-12.836401-8.653309-20.721491C598.252346 558.41854 601.845875 551.135774 606.905655 545.707197zM526.725045 466.897131l0.248842 0c5.303518-5.303518 12.706238-8.639272 20.726596-8.639272 8.135208 0 15.657883 3.325545 20.841446 8.639272l0.125059 0c5.298413 5.418368 8.634167 12.690924 8.634167 20.9614 0 8.145417-3.329374 15.423078-8.634167 20.851655-5.308622 5.4273-12.826192 8.637996-20.966505 8.637996-8.020358 0-15.543033-3.210695-20.726596-8.637996l-0.248842 0c-5.064885-5.433681-8.634167-12.706238-8.634167-20.851655C518.090878 479.588055 521.660161 472.310394 526.725045 466.897131zM526.725045 545.707197l0.248842 0c5.303518-5.413263 12.706238-8.629063 20.726596-8.629063 8.135208 0 15.657883 3.2158 20.841446 8.629063l0.125059 0c5.298413 5.438785 8.634167 12.711342 8.634167 20.976713 0 7.896575-3.329374 15.417974-8.634167 20.721491l-0.125059 0c-5.184839 5.428576-12.701133 8.639272-20.841446 8.639272-8.020358 0-15.423078-3.210695-20.726596-8.639272l-0.248842 0c-5.064885-5.303518-8.634167-12.836401-8.634167-20.721491C518.090878 558.41854 521.660161 551.135774 526.725045 545.707197zM526.725045 624.402414l0.248842 0c5.303518-5.423472 12.706238-8.883009 20.726596-8.883009 8.135208 0 15.657883 3.459537 20.841446 8.883009l0.125059 0c5.298413 5.303518 8.634167 12.841506 8.634167 20.726596 0 8.260267-3.329374 15.791874-8.634167 20.976713l-0.125059 0c-5.184839 5.413263-12.701133 8.629063-20.841446 8.629063-8.020358 0-15.423078-3.2158-20.726596-8.629063l-0.248842 0c-5.064885-5.184839-8.634167-12.716447-8.634167-20.976713C518.090878 637.237539 521.660161 629.705931 526.725045 624.402414zM446.554645 466.897131l0.123783 0c5.294585-5.303518 12.826192-8.639272 20.84655-8.639272 8.124999 0 15.662987 3.325545 20.851655 8.639272l0.11485 0c5.178459 5.418368 8.632891 12.690924 8.632891 20.9614 0 8.145417-3.204315 15.423078-8.632891 20.851655-5.303518 5.4273-12.831297 8.637996-20.966505 8.637996-8.025462 0-15.55707-3.210695-20.84655-8.637996l-0.123783 0c-5.184839-5.433681-8.639272-12.706238-8.639272-20.851655C437.915373 479.588055 441.369806 472.310394 446.554645 466.897131zM446.554645 545.707197l0.123783 0c5.294585-5.413263 12.826192-8.629063 20.84655-8.629063 8.124999 0 15.662987 3.2158 20.851655 8.629063l0.11485 0c5.178459 5.438785 8.632891 12.711342 8.632891 20.976713 0 7.896575-3.454433 15.417974-8.632891 20.721491l-0.11485 0c-5.188668 5.428576-12.716447 8.639272-20.851655 8.639272-8.025462 0-15.55707-3.210695-20.84655-8.639272l-0.123783 0c-5.184839-5.303518-8.639272-12.836401-8.639272-20.721491C437.915373 558.41854 441.369806 551.135774 446.554645 545.707197zM446.554645 624.402414l0.123783 0c5.294585-5.423472 12.826192-8.883009 20.84655-8.883009 8.124999 0 15.662987 3.459537 20.851655 8.883009l0.11485 0c5.178459 5.303518 8.632891 12.841506 8.632891 20.726596 0 8.260267-3.454433 15.791874-8.632891 20.976713l-0.11485 0c-5.188668 5.413263-12.716447 8.629063-20.851655 8.629063-8.025462 0-15.55707-3.2158-20.84655-8.629063l-0.123783 0c-5.184839-5.184839-8.639272-12.716447-8.639272-20.976713C437.915373 637.237539 441.369806 629.705931 446.554645 624.402414zM366.382968 545.707197c5.548531-5.413263 12.821088-8.629063 20.9614-8.629063 8.020358 0 15.543033 3.2158 20.721491 8.629063l0.250118 0c5.303518 5.438785 8.627787 12.711342 8.623958 20.976713 0 7.896575-3.325545 15.417974-8.629063 20.721491l-0.253946 0c-5.17463 5.428576-12.702409 8.639272-20.717663 8.639272-8.145417 0-15.423078-3.210695-20.9614-8.639272-5.298413-5.303518-8.637996-12.836401-8.637996-20.721491C357.739868 558.41854 361.07945 551.145983 366.382968 545.707197zM366.382968 624.402414c5.548531-5.423472 12.821088-8.883009 20.9614-8.883009 8.020358 0 15.543033 3.459537 20.721491 8.883009l0.250118 0c5.303518 5.303518 8.627787 12.841506 8.623958 20.726596 0 8.260267-3.325545 15.791874-8.629063 20.976713l-0.253946 0c-5.17463 5.413263-12.702409 8.629063-20.717663 8.629063-8.145417 0-15.423078-3.2158-20.9614-8.629063-5.298413-5.184839-8.637996-12.716447-8.637996-20.976713C357.739868 637.242643 361.07945 629.705931 366.382968 624.402414z" p-id="6520" fill="#409EFF"></path><path d="M387.344368 575.316802c2.473103 0 4.810939-0.991538 6.176377-2.596886 1.595139-1.600243 2.462894-3.828333 2.462894-6.036005 0-2.591782-0.867756-4.814767-2.462894-6.171273l0-0.234804c-1.356506-1.490498-3.703274-2.473103-6.176377-2.473103-2.462894 0-4.555716 0.982606-6.15596 2.473103l0 0.234804c-1.615557 1.356506-2.596886 3.579491-2.596886 6.171273 0 2.198739 0.981329 4.426829 2.596886 6.036005C382.788652 574.325264 384.891683 575.316802 387.344368 575.316802z" p-id="6521" fill="#409EFF"></path></svg>
                                        <span> [[${post.publishDate}]]</span>
                                    </div>
                                    <h3><a data-pjax th:href="@{'/' + ${post.link}}" th:text="${post.title}"></a></h3>
                                    <div class="summary" th:text="${post.summary}"></div>
                                    <div class="meta hidden-xs">
                                        <svg t="1609307508910" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16764" width="16" height="16"><path d="M226.3 70.4C151.1 91.6 91.6 151.1 70.4 226.3L226.3 70.4z" fill="#FFA65A" p-id="16765"></path><path d="M277.9 62.2c-116.5 4.7-211 99.1-215.7 215.7L277.9 62.2z" fill="#FFA659" p-id="16766"></path><path d="M321.5 62H287C163.3 62 62 163.3 62 287v34.5L321.5 62z" fill="#FFA558" p-id="16767"></path><path d="M365 62h-78C163.3 62 62 163.3 62 287v78L365 62z" fill="#FFA557" p-id="16768"></path><path d="M408.4 62H287C163.3 62 62 163.3 62 287v121.4L408.4 62z" fill="#FFA556" p-id="16769"></path><path d="M451.8 62H287c-35.9 0-69.8 8.5-100 23.6L85.6 187C70.5 217.2 62 251.1 62 287v164.8L451.8 62z" fill="#FFA555" p-id="16770"></path><path d="M495.3 62H287c-12.2 0-24.2 1-35.9 2.9L64.9 251.1C63 262.8 62 274.8 62 287v208.3L495.3 62z" fill="#FFA454" p-id="16771"></path><path d="M62 538.7L538.7 62H297.5L62 297.5z" fill="#FFA453" p-id="16772"></path><path d="M62 582.1L582.1 62H340.9L62 340.9z" fill="#FFA452" p-id="16773"></path><path d="M62 625.6L625.6 62H384.3L62 384.3z" fill="#FFA451" p-id="16774"></path><path d="M62 427.8V669L669 62H427.8z" fill="#FFA450" p-id="16775"></path><path d="M62 471.2v241.2L712.4 62H471.2z" fill="#FFA34F" p-id="16776"></path><path d="M737 62H514.6L62 514.6V737c0 6.1 0.3 12.1 0.7 18.1L755.1 62.7c-6-0.4-12-0.7-18.1-0.7z" fill="#FFA34E" p-id="16777"></path><path d="M737 62H558.1L62 558.1V737c0 19.1 2.4 37.6 6.9 55.4L792.4 68.9C774.6 64.4 756.1 62 737 62z" fill="#FFA34D" p-id="16778"></path><path d="M737 62H601.5L62 601.5V737c0 31.1 6.4 60.8 17.9 87.8L824.8 79.9C797.8 68.4 768.1 62 737 62z" fill="#FFA34C" p-id="16779"></path><path d="M853.5 94.7C819.4 74 779.5 62 737 62h-92.1L62 644.9V737c0 42.5 12 82.4 32.7 116.5L853.5 94.7z" fill="#FFA24B" p-id="16780"></path><path d="M878.9 112.7C840.1 81.1 790.7 62 737 62h-48.6L62 688.4V737c0 53.7 19.1 103.1 50.7 141.9l766.2-766.2z" fill="#FFA24A" p-id="16781"></path><path d="M737 62h-5.2L62 731.8v5.2c0 64.7 27.7 123.2 71.7 164.3l767.6-767.6C860.2 89.7 801.7 62 737 62z" fill="#FFA249" p-id="16782"></path><path d="M64.8 772.4c9.8 61 44.3 114.1 92.8 148.4l763.2-763.2c-34.3-48.6-87.4-83.1-148.4-92.8L64.8 772.4z" fill="#FFA248" p-id="16783"></path><path d="M73.3 807.3c18.7 56.4 59.2 103 111.3 129.9l752.6-752.6C910.4 132.5 863.7 92 807.3 73.3l-734 734z" fill="#FFA247" p-id="16784"></path><path d="M86.1 838c26.5 52.3 72.9 93.1 129.1 112.2l735-735C931.1 159 890.3 112.6 838 86.1L86.1 838z" fill="#FFA147" p-id="16785"></path><path d="M102.4 865.2c34 48.7 86.7 83.5 147.5 93.7l709-709c-10.2-60.8-45-113.5-93.7-147.5L102.4 865.2z" fill="#FFA146" p-id="16786"></path><path d="M962 287c0-65.2-28.1-124.1-72.7-165.3L121.7 889.3C162.9 933.9 221.8 962 287 962h3.2L962 290.2V287z" fill="#FFA145" p-id="16787"></path><path d="M962 287c0-54.2-19.4-104-51.6-143L144 910.4c39 32.2 88.8 51.6 143 51.6h46.6L962 333.6V287z" fill="#FFA144" p-id="16788"></path><path d="M962 287c0-43.1-12.3-83.4-33.5-117.7L169.3 928.5C203.6 949.7 243.9 962 287 962h90.1L962 377.1V287z" fill="#FFA143" p-id="16789"></path><path d="M287 962h133.5L962 420.5V287c0-31.6-6.6-61.8-18.5-89.2L197.8 943.4c27.4 12 57.6 18.6 89.2 18.6z" fill="#FFA042" p-id="16790"></path><path d="M287 962h176.9L962 463.9V287c0-19.7-2.6-38.7-7.4-56.9L230.1 954.6c18.2 4.8 37.2 7.4 56.9 7.4z" fill="#FFA041" p-id="16791"></path><path d="M287 962h220.4L962 507.4V287c0-6.7-0.3-13.4-0.9-20L267 961.1c6.6 0.6 13.3 0.9 20 0.9z" fill="#FFA040" p-id="16792"></path><path d="M550.8 962L962 550.8V309.6L309.6 962z" fill="#FFA03F" p-id="16793"></path><path d="M594.2 962L962 594.2V353L353 962z" fill="#FF9F3E" p-id="16794"></path><path d="M637.7 962L962 637.7V396.4L396.4 962z" fill="#FF9F3D" p-id="16795"></path><path d="M681.1 962L962 681.1V439.9L439.9 962z" fill="#FF9F3C" p-id="16796"></path><path d="M724.5 962L962 724.5V483.3L483.3 962z" fill="#FF9F3B" p-id="16797"></path><path d="M962 737V526.7L526.7 962H737c11.4 0 22.5-0.9 33.5-2.5l189-189c1.6-11 2.5-22.1 2.5-33.5z" fill="#FF9F3A" p-id="16798"></path><path d="M962 737V570.2L570.2 962H737c34.3 0 66.9-7.8 96.1-21.7l107.2-107.2c13.9-29.2 21.7-61.8 21.7-96.1z" fill="#FF9E39" p-id="16799"></path><path d="M962 613.6L613.6 962H737c123.8 0 225-101.3 225-225V613.6z" fill="#FF9E38" p-id="16800"></path><path d="M962 657L657 962h80c123.8 0 225-101.3 225-225v-80z" fill="#FF9E37" p-id="16801"></path><path d="M962 700.5L700.5 962H737c123.8 0 225-101.3 225-225v-36.5z" fill="#FF9E36" p-id="16802"></path><path d="M961.9 744L744 961.9c118.2-3.7 214.2-99.7 217.9-217.9z" fill="#FF9D35" p-id="16803"></path><path d="M954.4 795L795 954.4c77.4-20.8 138.6-82 159.4-159.4z" fill="#FF9D34" p-id="16804"></path><path d="M773 512s-65.3 189-261 189-261-189-261-189 65.3-189 261-189 261 189 261 189z" fill="#FFD9C0" p-id="16805"></path><path d="M512 512m-135 0a135 135 0 1 0 270 0 135 135 0 1 0-270 0Z" fill="#FFF6F0" p-id="16806"></path></svg>
                                        <span>[[${post.readNum}]] 浏览</span>
                                        <svg t="1609308409365" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19563" width="16" height="16"><path d="M1.76 512.16C1.76 794.84 230.92 1024 513.6 1024s511.84-229.16 511.84-511.84S796.28 0.32 513.6 0.32 1.76 229.48 1.76 512.16z" fill="#6684EC" p-id="19564"></path><path d="M313.8 225.52c-34.88 0.52-63 28.68-63.48 63.52v145.76c2.52 39.36 18.32 76.72 44.8 105.96l248.96 248.96c24.28 23.8 63.12 23.8 87.4 0l182.8-182.8c23.8-24.28 23.8-63.12 0-87.4L565.2 270.56a174.488 174.488 0 0 0-105.96-44.8l-145.44-0.24z m82.08 209.28c-35.04-0.04-63.44-28.48-63.4-63.52 0.04-35.04 28.48-63.44 63.52-63.4 35.04 0.04 63.4 28.44 63.4 63.48-0.52 34.84-28.68 62.96-63.52 63.44z" fill="#FFFFFF" p-id="19565"></path></svg>
                                        <span th:if="${#strings.isEmpty(post.tags) == false}">
                                            <a data-pjax th:href="@{'/tags/'+${tag}+'/'}" rel="tag" th:each="tag,status : ${#strings.arraySplit(post.tags, ',')}">[[${tag}]]&nbsp;</a>
                                        </span>
                                        <span th:if="${#strings.isEmpty(post.tags)}">无标签</span>
                                        <svg t="1609308500003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23961" width="16" height="16"><path d="M320 320C284.608 320 256 348.608 256 384s28.608 64 64 64 64-28.608 64-64S355.392 320 320 320zM320 640c-35.392 0-64 28.608-64 64s28.608 64 64 64 64-28.608 64-64S355.392 640 320 640zM640 320C604.608 320 576 348.608 576 384s28.608 64 64 64 64-28.608 64-64S675.392 320 640 320zM480 64C214.848 64 0 278.848 0 544S214.848 1024 480 1024 960 809.152 960 544 745.152 64 480 64zM320 832c-70.656 0-128-57.344-128-128s57.344-128 128-128 128 57.344 128 128S390.656 832 320 832zM320 512C249.344 512 192 454.656 192 384s57.344-128 128-128 128 57.344 128 128S390.656 512 320 512zM640 832c-70.656 0-128-57.344-128-128s57.344-128 128-128 128 57.344 128 128S710.656 832 640 832zM640 512C569.344 512 512 454.656 512 384s57.344-128 128-128 128 57.344 128 128S710.656 512 640 512zM640 640c-35.392 0-64 28.608-64 64s28.608 64 64 64 64-28.608 64-64S675.392 640 640 640z" fill="#1E9969" p-id="23962"></path></svg>
                                        <span>
                                           <a data-pjax th:href="@{'/categories/'+${post.categoryName}+'/'}" th:text="${post.categoryName}"></a>
                                        </span>
                                    </div>
                                    <a data-pjax th:href="@{'/' + ${post.link}}" class="btn">阅读全文</a>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
                <div class="pagination animate-box">
                    <span th:if="${pageInfo.hasPreviousPage}" class="page">
                        <a data-pjax class="prev page-numbers" th:href="@{${pageInfo.pageNum - 1} == 1 ? '/' : '/page/' + ${pageInfo.pageNum-1}+'/'}" ><i class="fa fa-angle-left"></i></a>
                    </span>
                    <span th:each="pageNum : ${pageInfo.navigatepageNums}" th:if="${pageInfo.navigatepageNums.length} le '4' ">
                    <span th:if="${pageNum == pageInfo.pageNum}"  class="page current" th:text="${pageNum}"></span>
                    <span class="page" th:if="${pageNum != pageInfo.pageNum}">
                        <a data-pjax th:href="@{'/page/' + ${pageNum}+'/'}" th:text="${pageNum}"></a>
                    </span>
                   </span>
                   <span th:each="pageNum, iterStat : ${pageInfo.navigatepageNums}" th:if="${pageInfo.navigatepageNums.length} gt '4' ">
                       <span class="page omit" th:if="${pageNum == pageInfo.pageNum and iterStat.count gt 2 and iterStat.count le iterStat.size}">...</span>
                       <span th:if="${pageNum == pageInfo.pageNum}" class="page current" th:text="${pageNum}"></span>
                       <span class="page omit" th:if="${pageNum == pageInfo.pageNum and iterStat.count le (iterStat.size - 2)}">...</span>
                       <span th:if="${pageNum != pageInfo.pageNum}">
                           <span class="page" th:if="${iterStat.count == 1}" ><a data-pjax th:href="@{'/page/1/'}" th:text="1"></a></span>
                           <span class="page" th:if="${iterStat.count == (iterStat.size)}"><a data-pjax th:href="@{'/page/' + ${pageNum}+'/'}" th:text="${pageNum}"></a></span>
                        </span>
                   </span>
                    <span th:if="${pageInfo.hasNextPage}" class="page">
                        <a data-pjax class="next page-numbers" th:href="@{'/page/' + ${pageInfo.pageNum + 1}+'/'}" ><i class="fa fa-angle-right"></i></a>
                    </span>
                </div>
            </div>
         </main>
    </div>

    <!-- 尾部 -->
    <div th:replace="~{theme/Grace/common :: footer}"></div>
    <div th:replace="~{theme/Grace/common :: script}"></div>
</body>

</html>
